<template>
  <button  :class="{'oBtn': type==1,'oBtn2': type==2}" @click="clickBtn">
    <slot>按钮</slot>
  </button>
</template>
<script>
export default {
  props:{
    type: {
      default: 1
    }
  },
  data () {
    return {
      
    }
  },
  methods: {
    clickBtn(){
      if(this.type==2){
        this.$emit('rejectDate');
      } else {
        this.$emit('sendDate');
      }
    }
  }
}
</script>
<style lang="less" scoped>
.oBtn {
    display: block;
    width: 3.35rem;
    height: .47rem;
    border-radius: .05rem;
    background: #557AFF;
    border: none;
    color: white;
    font-size: .18rem;
    margin: 0 auto;
}
.oBtn2 {
  display: block;
  width: 3.35rem;
  height: .47rem;
  border-radius: .05rem;
  border: .01rem solid #39393D;
  background: none!important;
  color: #000;
  font-size: .18rem;
  margin: 0 auto;
}

</style>

